Tuỳ chỉnh trải nghiệm người dùng cho những khách hàng đã biết

Sử dụng worklet Bộ nhớ dùng chung để xác định khách hàng đã biết.

Shared Storage API là một đề xuất Hộp cát về quyền riêng tư cho bộ nhớ đa dụng, trên nhiều trang web, hỗ trợ nhiều trường hợp sử dụng có thể có. Một ví dụ là xác định khách hàng đã biết. Bạn có thể thử nghiệm tính năng này trong Chrome 104.0.5086.0 trở lên.

Bạn có thể lưu trữ thông tin về việc người dùng đã đăng ký trên trang web của bạn vào Bộ nhớ dùng chung, sau đó hiển thị một phần tử riêng biệt dựa trên trạng thái được lưu trữ của người dùng (người dùng có phải là khách hàng "đã biết" hay không).

Đặt khách hàng đã biết

Để thử nghiệm việc xác định khách hàng đã biết trong Bộ nhớ dùng chung, hãy xác nhận rằng bạn đang sử dụng Chrome 104.0.5086.0 trở lên. Bật tất cả API Quyền riêng tư trong quảng cáo trong chrome://settings/adPrivacy.

Bạn cũng có thể bật Bộ nhớ dùng chung bằng cờ --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames trong dòng lệnh.

Thử nghiệm với mã mẫu

Bạn có thể muốn hiển thị một phần tử khác dựa trên việc người dùng đã được xem trên một trang web khác hay chưa. Ví dụ: nhà cung cấp dịch vụ thanh toán có thể muốn hiển thị nút "Đăng ký" hoặc "Mua ngay" dựa trên việc người dùng đã đăng ký tại trang web của nhà cung cấp dịch vụ thanh toán hay chưa. Bạn có thể dùng bộ nhớ dùng chung để đặt trạng thái của người dùng và tuỳ chỉnh trải nghiệm người dùng dựa trên trạng thái đó.

Trong ví dụ này:

  • known-customer.js được nhúng trong một khung. Tập lệnh này thiết lập các tuỳ chọn cho nút sẽ hiển thị trên trang web, "Đăng ký" hoặc "Mua ngay".
  • known-customer-worklet.js là worklet bộ nhớ dùng chung xác định xem người dùng có được biết hay không. Nếu đã biết người dùng, thông tin sẽ được trả về. Nếu người dùng không xác định, thông tin đó sẽ được trả về để hiển thị nút "Đăng ký" và người dùng sẽ được đánh dấu là đã biết trong tương lai.

known-customer.js

// The first URL for the "register" button is rendered for unknown users.
const BUTTON_URLS = [
  { url: `https://${advertiserUrl}/ads/register-button.html` },
  { url: `https://${advertiserUrl}/ads/buy-now-button.html` },
];

async function injectButton() {
  // Load the worklet module
  await window.sharedStorage.worklet.addModule('known-customer-worklet.js');

  // Set the initial status to unknown ('0' is unknown and '1' is known)
  window.sharedStorage.set('known-customer', 0, {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation to choose the button based on the user status
  const fencedFrameConfig = await window.sharedStorage.selectURL('known-customer', BUTTON_URLS, {
    resolveToConfig: true
  });

  // Render the opaque URL into a fenced frame
  document.getElementById('button-slot').src = fencedFrameConfig;
}

injectButton();

known-customer-worklet.js

class SelectURLOperation {
  async run(urls) {
    const knownCustomer = await sharedStorage.get('known-customer');

    // '0' is unknown and '1' is known
    return parseInt(knownCustomer);
  }
}

register('known-customer', SelectURLOperation);

Trường hợp sử dụng

Bạn có thể xem tất cả các trường hợp sử dụng hiện có cho API Chọn URL trong phần này. Chúng tôi sẽ tiếp tục thêm ví dụ khi nhận được ý kiến phản hồi và khám phá các trường hợp kiểm thử mới.

  • Xoay vòng mẫu quảng cáo: Lưu trữ dữ liệu, chẳng hạn như mã mẫu quảng cáo và lượt tương tác của người dùng, để xác định mẫu quảng cáo mà người dùng nhìn thấy trên các trang web.
  • Chọn mẫu quảng cáo theo tần suất: Sử dụng dữ liệu về số lượt xem để xác định mẫu quảng cáo mà người dùng nhìn thấy trên các trang web.
  • Chạy thử nghiệm A/B: Bạn có thể chỉ định người dùng cho một nhóm thử nghiệm, sau đó lưu trữ nhóm đó trong Bộ nhớ dùng chung để truy cập trên nhiều trang web.
  • Tuỳ chỉnh trải nghiệm cho khách hàng đã biết: Chia sẻ nội dung tuỳ chỉnh và lời kêu gọi hành động dựa trên trạng thái đăng ký của người dùng hoặc các trạng thái khác của người dùng.

Tương tác và chia sẻ ý kiến phản hồi

Xin lưu ý rằng đề xuất về API Chọn URL đang được thảo luận và phát triển tích cực và có thể thay đổi.

Chúng tôi rất mong được nghe ý kiến của bạn về API Select URL.

Luôn nắm thông tin mới nhất

  • Danh sách gửi thư: Đăng ký danh sách gửi thư của chúng tôi để nhận thông tin cập nhật và thông báo mới nhất liên quan đến API Lựa chọn URL và API Bộ nhớ dùng chung.

Bạn cần được trợ giúp?